<?php

$page->title = "Give with PayPal";
$page->date = "2012-09-17";

?>

<div class="row">
  <div class="six columns">

    <h1 class="page-title"><?= $page->title ?></h1>

    <p>To give with PayPal, fill out the one-time gift or the recurring gifts section below and click submit.
    You will be taken to a secure PayPal page to finish your transaction. After the contribution is complete, we'll have
    you returned back here.</p>

    <p>You do not need a PayPal account to give with PayPal. You can use their services with a credit or debit card.
    Once you are transferred to the PayPal screen, look for the link “Pay using your credit or debit card.”</p>

  </div>
  <div class="six columns">

    <div class="panel">
      <h2>One-time Gifts</h2>

      <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
        <input type="hidden" name="cmd" value="_donations">
        <input type="hidden" name="charset" value="utf-8">
        <input type="hidden" name="return" value="<?= url('give/thank-you') ?>">
        <input type="hidden" name="currency_code" value="USD">
        <input type="hidden" name="business" value="G773VGV4CFX8N">
        <input type="hidden" name="tax" value="0">
        <input type="hidden" name="lc" value="US">

        <div class="row collapse">
          <div class="two columns">
            <span class="prefix">$</span>
          </div>
          <div class="eight columns">
            <input type="text" id="amount" name="amount" required>
            <input type="hidden" name="item_name" value="North Rock Hill Church Contribution">
          </div>
          <div class="two columns">
            <input type="submit" name="submit" value="Submit" class="postfix button expand" alt="PayPal - The safer, easier way to pay online!">
          </div>
        </div>
      </form>

      <p class="whisper">You will be redirected to PayPal’s site.</p>
    </div>

    <div class="panel">
      <h2>Recurring gifts</h2>

      <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
        <input type="hidden" name="cmd" value="_xclick-subscriptions">
        <input type="hidden" name="charset" value="utf-8">
        <input type="hidden" name="return" value="<?= url('give/thank-you') ?>">
        <input type="hidden" name="currency_code" value="USD">
        <input type="hidden" name="business" value="G773VGV4CFX8N">
        <input type="hidden" name="tax" value="0">
        <input type="hidden" name="lc" value="US">
        <input type="hidden" name="src" value="1"><!-- Set recurring payments until canceled. -->

        <div class="row collapse">
          <div class="two columns">
            <span class="prefix">$</span>
          </div>
          <div class="ten columns">
            <input type="text" id="amount" name="a3" required>
            <input type="hidden" name="item_name" value="North Rock Hill Church Contribution">
          </div>
        </div>
            
        <div class="row collapse">
          <div class="three columns">
            <label for="t3" class="inline">Give every</label>
          </div>
          <div class="four columns">
            <input type="text" id="period" name="p3" required placeholder="frequency">
          </div>
          <div class="one columns">
            &nbsp;
          </div>
          <div class="four columns">
            <p>
              <input type="radio" name="t3" value="D"> Days<br>
              <input type="radio" name="t3" value="W" checked> Weeks<br>
              <input type="radio" name="t3" value="M"> Months<br>
              <input type="radio" name="t3" value="Y"> Years
            </p>
          </div>
        </div>

        <div class="row collapse">
          <div class="nine columns push-three">
            <p><em>Example:</em> To give every 2 weeks, the <strong>frequency</strong> would be 2,
            the <strong>time period</strong> weeks.</p>
            <p>
              <input type="submit" name="submit" value="Submit" class="button" alt="PayPal - The safer, easier way to pay
            online!">
            </p>
          </div>
        </div>

        <div class="row">
          <div class="twelve columns">
            <hr>
            <p>To update your contribution, log in to your <a href="https://www.paypal.com" target="_blank">PayPal</a>
            account.</p>
          </div>
        </div>

      </form>
    </div>

  </div>
</div>
